@import "basse";

page {
  background: #f0f0f0;
}
.list-scroll {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: rpx(750);
  .list-item {
    background: $app-white-color;
    text-align: center;
    margin-top: rpx(20);
    &:nth-child(2){
      margin-right: rpx(20);
    }
    .thumb {
      width: rpx(345);
      height: rpx(240);
    }
    width: rpx(345);
    margin-left: rpx(20);
    .label {
      margin-top: rpx(10);
      font-size: $normal-font;
      color: $app-lighter_text-color;
    }
    .btn-choose {
      margin: rpx(16);
      color: $app-white-color;
      font-size: $normal-font;
      background: $app-color;
      padding: rpx(10);
      border-radius: rpx(10);
      &:active {
        background: darken($app-color,10%);
      }
    }
    .btn-choose-child {
      margin: rpx(16);
      color: $app-white-color;
      font-size: $normal-font;
      background: $orange-color;
      padding: rpx(10);
      border-radius: rpx(10);
      &:active {
        background: darken($orange-color,10%);
      }
    }
  }
}
